<template>
  <div>
    <Menu></Menu>
    <div>
      <div class="search">
        <div class="searchL">
          <input type="text" />
        </div>
        <div class="searchR">搜索</div>
      </div>
      <div class="nodata">
        <p>无搜索结果</p>
      </div>
      <p class="spall">
        <span>49个商品</span>
        <a>筛选</a>
        <a>排序</a>
      </p>
      <div class="searchlist">
        <a class="searchitem" href>
          <div class="goodsimg">
            <img src />
          </div>
          <p class="goodname">商品名称</p>
          <p class="goodprice">商品价格</p>
        </a>
        <a class="searchitem" href>
          <div class="goodsimg">
            <img src />
          </div>
          <p class="goodname">商品名称</p>
          <p class="goodprice">商品价格</p>
        </a>
        <a class="searchitem" href>
          <div class="goodsimg">
            <img src />
          </div>
          <p class="goodname">商品名称</p>
          <p class="goodprice">商品价格</p>
        </a>
        <a class="searchitem" href>
          <div class="goodsimg">
            <img src />
          </div>
          <p class="goodname">商品名称</p>
          <p class="goodprice">商品价格</p>
        </a>
        <a class="searchitem" href>
          <div class="goodsimg">
            <img src />
          </div>
          <p class="goodname">商品名称</p>
          <p class="goodprice">商品价格</p>
        </a>
        <a class="searchitem" href>
          <div class="goodsimg">
            <img src />
          </div>
          <p class="goodname">商品名称</p>
          <p class="goodprice">商品价格</p>
        </a>
        <a class="searchitem" href>
          <div class="goodsimg">
            <img src />
          </div>
          <p class="goodname">商品名称</p>
          <p class="goodprice">商品价格</p>
        </a>
        <a class="searchitem" href>
          <div class="goodsimg">
            <img src />
          </div>
          <p class="goodname">商品名称</p>
          <p class="goodprice">商品价格</p>
        </a>
      </div>
    </div>
  </div>
</template>
<script>
import Menu from './Menu'
export default {
   components: {Menu},
    methods:{}
};
</script>
<style lang="less" scoped>
@media screen and (max-width: 1024px) {
  @import url(../assets/css/mobile_shopsearch.less);
}
 @media screen and (min-width: 1024px) {
  @import url(../assets/css/pc_shopsearch.less);
}
</style>